@charset "utf-8";
/* CSS Document */

html,body{height:100%;}
body{
	background: url(../img/bg_hy01.png) repeat-x #f2ead3; font-family: Microsoft YaHei,Simsun,Arial;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: 100%;
}
.container{
	background:none;height: 100%;
}

.vip{
	display: block; position: relative;margin: 10px auto 3%;
}
@media (min-width: 320px) and (max-width: 480px){
	.vip{
		width: 98%;height: 208px;
	}	
	.replay-vip{
		width: 90%;
	}
	.replay-vipwz{
		width:98%;}
	.inreplay-vip{
		font-size: larger;
	}
}
@media (min-width: 480px) and (max-width: 768px) {
	.vip{
		width: 88%;height: 258px;
	}
	.replay-vip{
		width: 80%;
	}	
	.replay-vipwz{
		width:88%;}
	.inreplay-vip{
		font-size: larger;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.vip{
		width: 60%;height: 275px;
	}	
	.replay-vip{
		width: 55%;
	}
	.replay-vipwz{
		width:60%;}
	.inreplay-vip{
		font-size: larger;
	}
}
@media (min-width: 980px) {
	.vip{
		width: 47%;height: 275px;
	}	
	.replay-vip{
		width: 55%;
	}
	.replay-vipwz{
		width:47%;}
	.inreplay-vip{
		font-size: larger;
	}
}
@media (min-width: 1200px) {
	.vip{
	    width: 38%;height: 265px;
	}
	.replay-vip{
		width: 35%;
	}
	.replay-vipwz{
		width:38%;}
	.inreplay-vip{
		font-size: x-large;
	}
}
.vip img{
	position: absolute;
}
.replay-vip{
	display: block; background: #eeeeee; box-shadow: 0 1px 3px #999; margin: 0 auto 15px; border-radius: 40px; padding: 5px;
}
.inreplay-vip{
	background: #fdfdfd;background:-moz-linear-gradient(top,#fdfdfd,#e1e1e1);/*Mozilla*/
	background:-webkit-linear-gradient(top,#fdfdfd,#e1e1e1);/*new gradient for Webkit*/
	background:-o-linear-gradient(top,#fdfdfd,#e1e1e1); /*Opera11*/box-shadow: 0 -1px 0px #c6c6c6;
	border-radius: 40px; width: 100%;height: 100%; line-height: 2; border: solid 1px #c7c7c7;display: block; 
	text-align: center;color: #666;	font-family: Microsoft YaHei,Simsun,Arial; padding: 0;
}
.inreplay-vip:hover,.inreplay-vip:active{
	background: #e1e1e1;background:-moz-linear-gradient(top,#e1e1e1,#fdfdfd);/*Mozilla*/
	background:-webkit-linear-gradient(top,#e1e1e1,#fdfdfd);/*new gradient for Webkit*/
	background:-o-linear-gradient(top,#e1e1e1,#fdfdfd); /*Opera11*/
}

/*弹窗*/
.webgame_msgWindow_mask{
	background: rgba(0, 0, 0, 0.5);height: 100%;left: 0;position: fixed;top: 0;width: 100%;
}
.modal{
	border: 1px solid #d2d2d2; border-radius: 5px; box-shadow: 0 0 8px #52524e;
}
.modal-header{
	background: #505050;height: 13%; line-height: 2.5; color: #fff;border-radius: 5px 5px 0 0; padding: 0 14px; 
	font-size: large;overflow: hidden;
}
.closepop{
    color: #fff; border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;
    padding: 1px;z-index: 2;display: block;margin: 40% 0 0;
}
/* use cross as close button */
.closepop::before {
    content: "\2715";
}
/* place the button on top-right */
.closepop:hover{
	color: #fff; background: #333;
}

.yuia-msgwindow-body{
	padding: 20px;
}
.yuia-msgwindow-body input{
	width: 95%; height: 25px; line-height: 1; color: #666; margin-bottom: 15px;
}
.yuia-msgwindow-body form{
	width: 100%; float: left; margin: 0 0 10px;
}
.yuia-msgwindow-body input.shuru{
	width: 12px; height: 12px; margin: -5px 8px 0 0;
}
.yuia-msgwindow-body label{
	width: 75px; float: left;
}
.yuia-msgwindow-body select{
	width: 45%; margin-right: 15px;
}
.yuia-msgwindow-body select:nth-last-child(5){
	margin-right: 0;
}
.sure{
	background: #f9f9f9;
	background:-moz-linear-gradient(top,#f9f9f9,#e4e4e4);/*Mozilla*/
	background:-webkit-linear-gradient(top,#f9f9f9,#e4e4e4);/*new gradient for Webkit*/
	background:-o-linear-gradient(top,#f9f9f9,#e4e4e4); /*Opera11*/
	width: 96%;height: 32px; font-size: large;margin: 20px auto; border: solid 1px #dedede; line-height: 32px; 
	display: block; text-align: center;color: #333; border-radius: 5px;
}
.sure:hover{
	color: #666;	
}
.sure:active{
	background: #e4e4e4;
	background:-moz-linear-gradient(top,#e4e4e4,#f9f9f9);/*Mozilla*/
	background:-webkit-linear-gradient(top,#e4e4e4,#f9f9f9);/*new gradient for Webkit*/
	background:-o-linear-gradient(top,#e4e4e4,#f9f9f9); /*Opera11*/
	width: 96%;height: 32px; font-size: large;margin: 20px auto; border: solid 1px #dedede; line-height: 32px; 
	display: block; text-align: center;
	
}



/*会员呈现*/

@media (min-width: 320px) and (max-width: 359px){
	.showvip{
		width: 98%;height: 203px;
	}	
	.membernum{
		right: 8%;bottom: 6%;
	}
	.xinxi{
	top: 24%; left: 5%; 
	}
}
@media (min-width: 360px) and (max-width: 480px){
	.showvip{
		width: 98%;height: 225px;
	}	
	.membernum{
		right: 8%;bottom: 6%;
	}
	.xinxi{
	top: 24%; left: 5%; 
	}
}
@media (min-width: 480px) and (max-width: 768px) {
	.showvip{
		width: 88%;height: 258px;
	}	
	.membernum{
		right: 8%;bottom: 6%;
	}
	.xinxi{
	top: 32%; left: 5%; 
	}
}
@media (width: 540px){
	.showvip{
		width: 88%;height: 208px;
	}	
	.membernum{
		right: 4%;bottom: 30%;
	}
    .xinxi{
	top: 32%; left: 5%; 
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.showvip{
		width: 60%;height: 275px;
	
	}	
	.membernum{
		right: 9%;bottom: 5%;
	}
	.xinxi{
	top: 32%; left: 5%; 
	}
}
@media (min-width: 980px) {
	.showvip{
		width: 47%;height: 275px;
	}
	.membernum{
		right: 9%;bottom: 5%;
	}	
	.xinxi{
	top: 32%; left: 5%; 
	}
}
@media (min-width: 1200px) {
	.showvip{
	    width: 38%;height: 265px;
	}
	.membernum{
		right: 9%;bottom: 3%;
	}
	.xinxi{
	top: 32%; left: 5%; 
	}	
}

.showvip img{
	position: absolute;
}
.xinxi{
	position: absolute; color: #3f2701; line-height:1.8; font-size:medium; text-shadow: 0 1px 0 #fff; font-weight: 300;
}
.xinxi em{
	color: #784f09; font-style: normal;
}
.membernum{
	position: absolute; color: #bb3b3b;margin:0;font-size: smaller;
}
.showvip{
	display: block; position: relative;margin: 10px auto 3%;
}
/*圆角列表*/
ul.round{
	width: 96%;background-color:#f5f5f5;text-align:left;font-size: medium;line-height:24px;overflow:hidden; margin: 0 auto 10px; 
	display: block;
	-webkit-border-radius:5px; border-radius:5px; border:solid #C2C2C2; border-width:1px 1px 0 1px;box-shadow:0 1px 1px #f6f6f6;
}
body.zoomin ul.round{overflow:visible;}
.round:empty{display:none;}
.round, .round>li>a{color:#2D2D2D;}
.round>li{
	padding:11px 10px;border:solid #C2C2C2;border-width:0 0 1px 0;
}
.round>li:last-of-type{
	/*border-width:0;*/ -webkit-border-radius:5px; border-radius:5px;
}
.round>li,.round>li>a,.round>li>a.power-close,.round>li>a.place,.round>li>a.phone{
	font-size:medium;color:#101010;line-height:23px;
}
.round>li>a {
	display:block;background: url(../img/arrow3.png) no-repeat right 50%;-webkit-background-size:8.5px 13px;background-size:8.5px 13px;
}
.round>li>a.power-close{
	display:block;background: url(../img/arrow5.png) no-repeat right 50%;-webkit-background-size:8.5px 13px;background-size:13px 8.5px; width: 100%;
}
.round>li>a.power-open{
	display:block;background: url(../img/arrow6.png) no-repeat right 50%;-webkit-background-size:8.5px 13px;background-size:13px 8.5px; width: 100%;
}
.round>li>a.place{
	display:block;background: url(../img/place.png) no-repeat right 50%;-webkit-background-size:15px 15px;background-size:15px 15px; width: 95%;padding-right: 5%;
}
.round>li>a.phone{
	display:block;background: url(../img/phone.png) no-repeat right 50%;-webkit-background-size:15px 15px;background-size:15px 15px; width: 95%;padding-right: 5%;
}
.round>li>p{
	width:49%; float: left; text-align: center;
}
.round>li>p:first-child{
	border-right: 1px dashed #999;
}
.round>li>p>span{
	width: 100%; display: block;
}
.round>li>p>span>i{
	font-style: normal; color: #f00;
}
.vdiv{
	background: #ededed; box-shadow: inset 0px 0px 10px #ccc ; margin: 8px -10px -11px; padding: 11px 10px; color: #666;
} 
.vdiv>b{
	line-height: 2;
}
.vdiv>ul>li{
	font-size: small; line-height: 1.5;
}